The C1TimeEditor control comes equipped with a light blue default theme, but you can also apply six themes (see C1TimeEditor Theming) to the control. In this topic, you will change the C1TimeEditor control's theme to C1ThemeRainierOrange.

In Blend

Complete the following steps:

1. Click the Assets tab.
2. In the search bar, enter "C1ThemeRainierOrange". The C1ThemeRainierOrange icon appears.
3. Double-click the C1ThemeRainierOrange icon to add it to your project.
4. In the search bar, enter "C1TimeEditor" to search for the C1TimeEditor control.
5. Double-click the C1TimeEditor icon to add the C1TimeEditor control to your project.
6. Under the Objects and Timeline tab, select [C1TimeEditor] and use a drag-and-drop operation to place it under [C1ThemeRainierOrange].
7. Run the project.

 

In Visual Studio

Complete the following steps:

1. Open the .xaml page in Visual Studio.
2. Place your cursor between the <Grid></Grid> tags.
3. In the Toolbox, double-click the C1ThemeRainierOrange icon to declare the theme. Its tags will appear as follows:        

   <my:C1ThemeRainierOrange></my:C1ThemeRainierOrange>
   

4. Place your cursor between the <my:C1ThemeRainierOrange> and </my:C1ThemeRainierOrange> tags.
5. In the Toolbox, double-click the C1TimeEditor icon to add the control to the project. Its tags will appear as children of the <my:C1ThemeRainierOrange> tags, causing the markup to resemble the following:

   XAML	Copy Code
   <my:C1ThemeRainierOrange> <c1datetime:C1TimeEditor></c1datetime:C1TimeEditor> </my:C1ThemeRainierOrange>

6. Run your project.

This Topic Illustrates the Following:

The following image depicts a C1TimeEditor control with the C1ThemeRainierOrange theme.